{extend name="base" /}
{block name="body"}
<div class="layui-body">
    <!--tab标签-->
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">树级菜单</li>
        </ul>
        <div class="layui-tab-content">

            <style>
                .menutree {
                    width: 200%;
                    background: #fff;
                    height: auto;
                    overflow: hidden;
                }
                .menutree ul {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                }
                .menutree ul li.plevel {
                    background: none;
                }
                .menutree ul li {
                    position: relative;
                    box-sizing: border-box;
                    height: auto;
                    overflow: hidden;
                    line-height: 22px;
                    background: url("/public/static/images/L4.gif") repeat-y 0 0;
                    padding: 0px 0px 0px 14px;
                    text-indent: 22px;
                }
                .folder-open {
                    width: 16px;
                    height: 12px;
                    position: absolute;
                    left: 17px;
                    top: 5px;
                    background: url("/public/static/images/folder-open.gif") no-repeat 0 0;
                }
                .folder {
                    width: 16px;
                    height: 12px;
                    position: absolute;
                    left: 17px;
                    top: 5px;
                    background: url("/public/static/images/folder.gif") no-repeat 0 0;
                }
                .leve_1, .leve_2 {
                    width: 20px;
                    height: 20px;
                    display: block;
                    cursor: pointer;
                    position: absolute;
                    left: 0;
                    top: 2px;
                    background: url("/public/static/images/P2.gif") no-repeat 0 0;
                }
                .leve_2 {
                    background: url("/public/static/images/M2.gif") no-repeat 0 0;
                }
            </style>
            <div class="layui-tab-item layui-show">
                    <div class="menutree"><ul></ul></div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script src="__JS__/city.js"></script>
{/block}
{block name="script"}
<script>
    var areaList = '{$city}';
    var p1 = "{$cityid}";
    var p2 = "{$schoolid}";
    areaList=areaList.replace(/&quot;/g,'"');
    areaList=JSON.parse(areaList);
    cityIniti("{:url('admin/tree/tree','','')}",1,parseInt(p1),parseInt(p2));


</script>
{/block}